<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	            xmlns:ui="http://java.sun.com/jsf/facelets"
	            xmlns:f="http://java.sun.com/jsf/core"
	            xmlns:h="http://java.sun.com/jsf/html"
	            xmlns:p="http://primefaces.org/ui"
	            xmlns:s="http://www.suricattus.com.br/jsf/ui"
	            xmlns:sf="http://www.suricattus.com.br/jsf/fn"
	            xmlns:ec="http://www.b2cexpress.com.br/ecommerce"
	            xmlns:aws="http://awsimple.com/jsf/facelets"
	            template="/resources/layout/template.xhtml">

    <ui:define name="head">
        <!-- JavaScript -->
    </ui:define>

    <ui:define name="body">
    	<h:form styleClass="form-horizontal">
    	
           	<ec:field id="nome" fieldId="nomeField" label="#{labels['meproteja.cadastro.usuario.ativacao.nome']}" required="true">
				<p:inputText id="nomeField" label="#{labels['meproteja.cadastro.usuario.ativacao.nome']}" value="#{alterarUsuarioController.usuario.dadosCadastrais.nome}" required="true" />
			</ec:field>
			
			<ec:field id="cpf" fieldId="cpfField" label="#{labels['meproteja.cadastro.usuario.ativacao.cpf']}" required="true">
				<p:inputMask id="cpfField" value="#{alterarUsuarioController.usuario.dadosCadastrais.cpf}" required="true" label="#{labels['meproteja.cadastro.usuario.ativacao.cpf']}">
					<s:cpf />
				</p:inputMask>
			</ec:field>
			
			<ec:field id="dataNascimento" fieldId="dataNascimentoField" label="#{labels['meproteja.cadastro.usuario.ativacao.dataNascimento']}" required="true">
				<p:calendar id="dataNascimentoField" label="#{labels['meproteja.cadastro.usuario.ativacao.dataNascimento']}" pattern="dd/MM/yyyy" 
					value="#{alterarUsuarioController.usuario.dadosCadastrais.dataNascimento}" showButtonPanel="true" navigator="true" required="true" />
			</ec:field>
			
			<ec:field id="email" fieldId="emailField" label="#{labels['meproteja.cadastro.usuario.ativacao.email']}" required="true">
				<p:inputText  value="#{alterarUsuarioController.usuario.email}" id="emailField" required="true" label="#{labels['meproteja.cadastro.usuario.ativacao.email']}">
					<s:email />
				</p:inputText>
			</ec:field>
			
			
          	<ec:field id="telefone" fieldId="telefoneField" label="" required="true">
          		<table class="table">
          			<tr>
          				<td>
			           		<p:selectOneMenu id="tipoTel" value="#{alterarUsuarioController.tipoTelefone}" label="#{labels['meproteja.cadastro.usuario.ativacao.telefone.tipo']}" required="false">
								<f:selectItems value="#{serttusFactory.tiposTelefone}" var="tipo" itemLabel="#{tipo.descricao}" itemValue="#{tipo}" />
							</p:selectOneMenu>
          				</td>
          				<td>
							<p:inputMask mask="mask: '(99) 9999-9999'" label="#{labels['meproteja.cadastro.usuario.ativacao.telefone']}" value="#{alterarUsuarioController.telefoneComMascara}" id="telefoneField" converter="telefoneConverter">
								
							</p:inputMask>
          				</td>
          			</tr>
          		</table>
			</ec:field>
			
          	<ec:field id="telefoneAlt" fieldId="telefoneFieldAlt" label="#{labels['meproteja.cadastro.usuario.ativacao.telefone.alternativo']}" required="false">
          		<table class="table">
          			<tr>
          				<td>
			           		<p:selectOneMenu id="tipo" value="#{alterarUsuarioController.tipoTelefoneAlternativo}" label="#{labels['meproteja.cadastro.usuario.ativacao.telefone.tipo']}" required="false">
								<f:selectItems value="#{serttusFactory.tiposTelefone}" var="tipo" itemLabel="#{tipo.descricao}" itemValue="#{tipo}" />
							</p:selectOneMenu>
          				</td>
          				<td>
							<p:inputMask mask="mask: '(99) 9999-9999'" label="#{labels['meproteja.cadastro.usuario.ativacao.telefone.alternativo']}" value="#{alterarUsuarioController.telefoneAlternativoComMascara}" id="telefoneFieldAlt" converter="telefoneConverter">
								 
							</p:inputMask>
          				</td>
          			</tr>
          		</table>
			</ec:field>
			
			<ec:field id="logradouro" fieldId="logradouroField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.logradouro']}" required="true">
				<p:inputText label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.logradouro']}" value="#{alterarUsuarioController.usuario.dadosCadastrais.endereco.logradouro}" id="logradouroField" />
			</ec:field>
			
			<ec:field id="numero" fieldId="numeroField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.numero']}" required="true">
				<p:inputText label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.numero']}" value="#{alterarUsuarioController.usuario.dadosCadastrais.endereco.numero}" id="numeroField" />
			</ec:field>
			
			<ec:field id="complemento" fieldId="complementoField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.complemento']}" required="true">
				<p:inputText label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.complemento']}" value="#{alterarUsuarioController.usuario.dadosCadastrais.endereco.complemento}" id="complementoField" />
			</ec:field>
			
			<ec:field id="bairro" fieldId="bairroField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.bairro']}" required="true">
				<p:inputText label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.bairro']}" value="#{alterarUsuarioController.usuario.dadosCadastrais.endereco.bairro}" id="bairroField" />
			</ec:field>
			
			<ec:field id="uf" fieldId="ufField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.uf']}" required="true">
				<p:selectOneMenu id="ufField" value="#{alterarUsuarioController.ufSelecionada}" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.uf']}" required="true">
					<f:selectItem itemLabel="Selecione" itemDescription="Selecione" />
					<f:selectItems value="#{serttusFactory.ufs}" var="_uf" itemLabel="#{_uf}" itemValue="#{_uf}"/>
					<p:ajax event="change" update="cidadeField" listener="#{alterarUsuarioController.carregarCidades()}" />
				</p:selectOneMenu>
			</ec:field>

			<ec:field id="cidade" fieldId="cidadeField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.cidade']}" required="true">
				<p:selectOneMenu id="cidadeField" value="#{alterarUsuarioController.usuario.dadosCadastrais.endereco.cidade}" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.cidade']}" required="true" converter="entityConverterGeral">
					<f:selectItem itemLabel="Selecione" itemDescription="Selecione" />
					<f:selectItems value="#{alterarUsuarioController.cidades}" var="cidade" itemLabel="#{cidade.nome}" itemValue="#{cidade}"/>
				</p:selectOneMenu>
			</ec:field>
			
			<ec:field id="cep" fieldId="cepField" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.cep']}" required="true">
				<p:inputMask id="cepField" mask="mask:'99999-999'" value="#{alterarUsuarioController.usuario.dadosCadastrais.endereco.cep}" required="true" label="#{labels['meproteja.cadastro.usuario.ativacao.endereco.cep']}" 
						converter="cepConverter">
					<f:validateLength minimum="8" />
				</p:inputMask>
			</ec:field>
			
			<ec:field id="senha" fieldId="senhaField" label="#{labels['meproteja.cadastro.usuario.ativacao.senha']}" required="false">
				<p:password id="senhaField"
					  label="#{labels['meproteja.cadastro.usuario.ativacao.senha']}"
                      value="#{alterarUsuarioController.usuario.senha}" required="true"
                      styleClass="input-xlarge" match="passwordConfirm"
                      redisplay="true" feedback="true"
                      promptLabel="#{labels['signup.insert.password']}"
                      goodLabel="#{labels['signup.password.good']}"
                      weakLabel="#{labels['signup.password.weak']}"
                      strongLabel="#{labels['signup.password.strong']}"
                      validatorMessage="#{labels['field.password.validation']}">
                      <f:validateLength minimum="6" />
                  </p:password> 
			</ec:field>
		
			<ec:field id="passwordConfirmField" fieldId="passwordConfirm" label="#{labels['meproteja.cadastro.usuario.ativacao.senha.confirmacao']}" required="false">
			   <p:password id="passwordConfirm" label="#{labels['meproteja.cadastro.usuario.ativacao.senha.confirmacao']}"
                   value="#{alterarUsuarioController.senhaConfirmar}"
                   required="true" styleClass="input-xlarge" redisplay="true" />
			</ec:field>
			
  			<p:commandButton action="#{alterarUsuarioController.alterar}" value="#{labels['botao.alterar']}" update="@form" styleClass="btn btn-primary" />
			
        </h:form>
    </ui:define>

</ui:composition>